<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>自动化脚本</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="../../../src/assets/components/uiduck/css/uiduck.css" type="text/css" rel="stylesheet">
    <link href="../../../src/assets/components/uiduck/css/table.css" type="text/css" rel="stylesheet">
</head>

<body>
<div style="width: 80%;padding: 0 10%;padding-bottom: 200px;">
    <div style="padding-top: 3%;padding-bottom: 2%;">
        <h1 class="" style="font-size:72px;">uiduck </h1>
        <h1 class="">前端表格插件，功能强大，支持前后端分页，模板语法，可接入三方UI库。</h1>
    </div>
    <div style="padding-bottom: 2%;">
        <button class="uiDuck-btn-normal" onClick=viewDocument();>使用文档</button>
        <button class="uiDuck-btn-normal" onClick=netData();>网络数据</button>
        <button class="uiDuck-btn-normal" onClick=localData();>本地数据</button>
        <button class="uiDuck-btn-normal" onClick=changeTheme();>随机切换主题</button>
        <button class=" uiDuck-btn-normal" onClick=changeLoading();>随机切换加载动画</button>
        <button class="uiDuck-btn-normal" onClick=changeShade();>遮罩层</button>
        <button class="uiDuck-btn-normal" onClick=changeBlur();>背景模糊</button>
        <button class="uiDuck-btn-normal" onClick=simplePage();>简洁分页</button>
        <button class="uiDuck-btn-normal" onClick=fullPage();>完整分页</button>
        <button class="uiDuck-btn-normal" onClick=highlight();>关键词高亮</button>
        <button class="uiDuck-btn-normal" onClick=changeLanguage();>多语言随机切换</button>
        <button class="uiDuck-btn-normal" onClick=autoNext();>自动翻页</button>
        <button class="uiDuck-btn-normal" onClick=newVersion();>获取最新版本</button>
    </div>

    <!--以下为两个必须div元素-->
    <script type="text/html" id="barDemo">
        <button class="uiDuck-btn" onClick=getRow(this);>获取此行数据</button>
    </script>
    <div id="ud-top" style="display: none;">
        <h3>当前设置为微信字段，通过ud-keyWord属性指定相关列的key</h3>
        <label for="search"></label>
        <input id="search" ud-keyWord="wechat" class="uiDuck-input"/>
        <button class="uiDuck-btn"
                onClick=setData();>搜索
        </button>
    </div>

    <div id="table"></div>
</div>
</body>
<script src="../../../src/assets/common/jquery.js"></script>
<script src="../../../src/assets/components/uiduck/js/json2.js"></script>
<script src="../../../src/assets/components/uiduck/js/uiduck.js"></script>
<script src="../../../src/js/home/home.js"></script>

</html>